<template>
    
    <el-row style="height: 100%;">
        <el-col :span="4" style="height: 100%;">
            <div class="grid-content logo" >
                <img src="../../../public/static/img/logo.png"  alt="">&nbsp;巅峰筑梦师
            </div>  
        </el-col>
        
        <el-col :span="12">
            <div class="grid-content ep-bg-purple-light" >

            </div>
        </el-col>

        <el-col :span="2">
            <div class="grid-content ep-bg-purple-light" >
                <i class="icon iconfont icon-shouye"></i>首页
            </div>
        </el-col>
        <el-col :span="2">
            <div class="grid-content ep-bg-purple" >
                <i class="icon iconfont icon-shezhi"></i>设置
            </div>
        </el-col>
        <el-col :span="2">
            <div class="grid-content ep-bg-purple-light" >
                <i class="icon iconfont icon-wode001"></i>
                <router-link :to="{
                    name:'userData'
                }">
                    我的
                </router-link>
            </div>
        </el-col>
        <el-col :span="2">
            <div class="grid-content ep-bg-purple" >
                <img src="" alt="">
                
            </div>
        </el-col>
        

  </el-row>
</template>
<script setup>


</script>
<style scoped>
.grid-content{
    height: 100%;
    display: flex;
    width: 100%;
    align-content: center;
    align-items: center;
}
a{
    text-decoration: none;
}
img{
    width: 40px;
    height: 40px;
}
.icon {
    font-size: 26px;
    color: #5d52ae;
}

p {
    padding: 20px;
    color: #5d52ae;
}

i {
    padding-right: 4px;
}
</style>